<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" >
    <meta content="width=device-width,maximum-scale=1.0,initial-scale=1.0,minimum-scale=1.0,user-scalable=yes,shrink-to-fit=no" name="viewport">
    <title>car</title>
    <style>
      body {
        width: 100%;
        height: 100%;
      }
      .tips {
        width: 100%;
        height: 100%;
        background: url("src/assets/images/tips.jpg");
        background-size: 100%;
      }
      .tips p {
        font-size: 36px;
      }
      .tips .links {
        display: block;
        margin: 0 auto;
      }
    </style>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->

  <script>
    window.onload = function () {
      var is_IE = function (ver) {
        var b = document.createElement('b')
        b.innerHTML = '<!--[if IE ' + ver + ']><i></i><![endif]-->'
        return b.getElementsByTagName('i').length === 1
      }
      if (is_IE(5) || is_IE(6) || is_IE(7) || is_IE(8) || is_IE(9)) {
        var app = document.getElementById('app')
        document.body.innerHTML = '<div class="tips">\n' +
          '      <p>IE9（及以下）由于存在安全风险，已被本站禁止，请升级到IE11或使用Chrome浏览器</p>\n' +
          '      <div class="links">\n' +
          '        <a href="http://rj.baidu.com/soft/detail/23360.html?ald">IE11浏览器</a>\n' +
          '        <a href="http://rj.baidu.com/soft/detail/14744.html?ald">Chrome浏览器</a>\n' +
          '      </div>\n' +
          '    </div>'
        app.style.display = 'none'
		// test
      }
    }
  </script>
  </body>
</html>
